<template>
    <div>
<!-- footer -->
    <footer class="footer">
        <a href="tel:4006646698"
        class="tel400"
        >
        400&nbsp;-&nbsp;-664&nbsp;-&nbsp;6698
        </a>
      <nav>
        <a href="">首页</a>
        <a href="">客户端</a>
        <a href="">个人中心</a>
        </nav>  
        <p class="icp">浙ICP备16004860号-1</p>
    </footer>
    </div>
</template>

<script>
    export default {
        
    }
</script>

<style scoped>
/* footer */
a{
  text-decoration: none;
  outline: 0;
}
.tel400{
    display: block;
    padding: .266667rem 0 .24rem;
    text-align: center;
    font-size: .373333rem;
    letter-spacing: .013333rem;
    color: #000;
}
nav{
    display: block;
    padding: .6rem 0 .266667rem;
    text-align: center;
}
nav a{
      display: inline-block;
    vertical-align: top;
    padding-left: .32rem;
    line-height: .32rem;
    color: #666;
    font-size: .32rem;
}
nav a:after {
    content: "|";
    line-height: .266667rem;
    padding-left: .4rem;
    font-size: .266667rem;
    vertical-align: top;
}
.icp{
  display: block;
  padding: .266667rem 0 3.266667rem;
    text-align: center;
    font-size: .32rem;
    color: #666;
}
</style>